مقدمة عن CSS3 from Coursera

لا يمكن التعرف على الويب اليوم تقريبًا منذ الأيام الأولى لاستخدام white pages مع قوائم blue links. الآن، صُممت المواقع بتصميمات معقدة للصفحات وخطوط فريدة وأنظمة ألوان مخصصة. سيوضح لك هذا المساق أساسيات أوراق الأنماط المتتالية (CSS3). سيكون التركيز على تعلم كيفية كتابة قواعد CSS ، وكيفية اختبار الرمز، وكيفية إنشاء عادات برمجة جيدة. عندما يتحقق بشكل صحيح، يمكن أن يؤدي تصميم صفحة الويب إلى تطوير صفحتك. عند القيام بذلك بطريقة غير صحيحة، قد تكون النتيجة أسوأ من عدم وجود تصميم على الإطلاق.

. للتأكد من أن مواقعك لا تضع حواجز أمام الأشخاص ذوي الإعاقات المعرفية و / أو الجسدية، سوف تتعلم كيفية تقييم الصفحات باستخدام إرشادات POUR الموحدة لإمكانية الوصول . عند الانتهاء من المساق، سيتمكن المتعلمون من رسم تصميم لصفحة HTML معينة. بفضل استخدام هذا التصميم، سيستخدمون CSS لتنفيذ التصميم عن طريق إضافة الخطوط والألوان وتصميم الصفحات.

يُعد هذا المساق الثاني في تخصص تصميم مواقع الويب للجميع. تركز المساقات اللاحقة على زيادة التفاعل مع جافا سكريبت وتطوير التصميم باستخدام التصميم سريع الاستجابة.

قد يصعب إكمال هذا المساق إذا لم يكن لديك جهاز حاسوب محمول أو حاسوب مكتبي لأداء الواجب المنزلي.

What's inside

Syllabus

الأسبوع الأول: الشروع في التصميم البسيط

مرحبًا بكم في مقدمة CSS3! ستتعلم في هذا المساق كيفية تصميم صفحاتك من خلال الاستفادة من قوة CSS3. سنركز على كل من البنية الصحيحة (كيفية كتابة قواعد التصميم الخاصة بك) وأهمية تصميم إمكانية الوصول (التأكد من أن تصميمك يعزز موقعك، لا يجعل التصفح أكثر صعوبة). من المهم جدًا أن تتأهب لارتكاب الأخطاء المطبعية في هذا المساق. الطريقة الوحيدة لفهم المادة حقًا هي التدرب على كتابتها بنفسك كلما أمكن ذلك.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Beginners and intermediate students benefit from this introduction to web design basics

Web experts may not find this course to be the most useful

Students learn about visual design concepts like color theory and typography

People who struggle with blue lights may benefit from the study of accessibility standards

Reviews summary

مقدمة أساسية لتصميم الويب باستخدام css3

وفقًا للطلاب (المفترضين)، يقدم هذا المساق مقدمة شاملة وقوية لأوراق الأنماط المتتالية (CSS3). يركز المساق على أساسيات كتابة قواعد CSS وأهمية بناء عادات برمجة جيدة. يبرز المساق بتقديمه لـمفاهيم إمكانية الوصول وفقًا لإرشادات POUR، وهو جانب إيجابي ومهم للغاية في تطوير الويب الحديث. كما يُمكّن المتعلمين من تصميم وتنفيذ صفحات HTML عمليًا، مما يجعله أساسًا متينًا للمبتدئين. يعد المساق الجزء الثاني من تخصص تصميم الويب للجميع، مما يؤكد طبيعته التأسيسية التي تتطلب جهاز كمبيوتر للمهام العملية.

يتطلب جهاز كمبيوتر محمول أو مكتبي لإكمال المهام.

"لاحظت أن المساق ينبه بوضوح إلى ضرورة وجود جهاز كمبيوتر لأداء الواجب المنزلي."

"يجب أن يكون لديك جهاز حاسوب مكتبي أو محمول لمتابعة الدروس والتطبيق."

"كان من الضروري استخدام جهازي الخاص للتطبيق العملي، وهذا أمر مهم للمتعلمين الجدد."

يسلط الضوء على أهمية تصميم الويب الشامل للجميع.

"كان التركيز على إرشادات POUR لإمكانية الوصول إضافة قيمة جدًا لم تكن أتوقعها."

"تعلمت كيف أقيم الصفحات لأتأكد من أنها لا تضع حواجز أمام الأشخاص ذوي الإعاقات."

"هذا الجانب من المساق يجعله متميزًا عن دورات CSS الأساسية الأخرى."

يركز المساق على التطبيق العملي لتصميم صفحات الويب.

"أحببت التركيز على كيفية كتابة قواعد CSS وتطبيقها مباشرة لإنشاء تصاميم."

"المشروع النهائي لتقييم الزملاء كان فرصة رائعة لتطبيق ما تعلمته وبناء شيء حقيقي."

"ساعدني هذا المساق على تحويل مفاهيم التصميم النظري إلى مهارات عملية."

يقدم أساسيات CSS3 بطريقة منظمة ومناسبة للمبتدئين.

"تعلمت أساسيات CSS3 بطريقة سهلة ومفهومة، مما ساعدني على بناء قاعدة قوية."

"المساق منظم جدًا، والدروس تتبع تسلسلاً منطقيًا يسهل عملية التعلم."

"أعتقد أن هذا المساق مثالي لأي شخص يبدأ رحلته في تصميم الويب."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in مقدمة عن CSS3 with these activities:

Revisit HTML and CSS basics

Show steps

Refresh your foundational understanding of HTML and CSS before starting the course to strengthen your ability to grasp advanced CSS concepts.

Browse courses on HTML

Show steps

Review online tutorials or articles on HTML and CSS fundamentals.
Rebuild a simple web page from scratch using HTML and CSS.

Practice writing CSS rules

Show steps

Sharpen your CSS writing skills by engaging in regular practice and experimentation.

Show steps

Join an online coding challenge platform and solve CSS-related problems.
Create a personal project and experiment with different CSS techniques.

Explore advanced CSS techniques

Show steps

Expand your CSS knowledge by following guided tutorials that cover advanced topics.

Browse courses on CSS3

Show steps

Find online tutorials or courses that focus on advanced CSS techniques.
Implement the techniques you learn in your own projects.
Share your progress and learnings with others in online forums or communities.

One other activity

Expand to see all activities and additional details

Show all four activities

Build a personal CSS style guide

Show steps

Solidify your understanding of CSS by creating a comprehensive style guide that documents your preferred coding practices.

Browse courses on CSS Best Practices

Show steps

Research and gather information on CSS best practices.
Develop your own set of CSS coding rules and guidelines.
Document your style guide in an organized and accessible format.

Career center

Learners who complete مقدمة عن CSS3 will develop knowledge and skills that may be useful to these careers:

Web Developer

Web developers are responsible for building and maintaining websites. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Web Developer

Front-End Developer

Front-end developers are responsible for the look and feel of a website. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Front-End Developer

Web Designer

Web designers are responsible for the overall design of a website. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Web Designer

User Experience Designer

User experience designers are responsible for making sure that websites are easy to use and enjoyable. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for User Experience Designer

Information Architect

Information architects are responsible for organizing and structuring websites. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Information Architect

Webmaster

Webmasters are responsible for the day-to-day maintenance of a website. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create websites that are visually appealing, user-friendly, and accessible.

See salaries and explore the career path for Webmaster

Technical Writer

Technical writers create documentation for software and other technical products. This course will help you build a foundation in CSS3, which is a powerful language used to style web pages. With this knowledge, you'll be able to create documentation that is clear, concise, and easy to understand.

See salaries and explore the career path for Technical Writer

Software Engineer

Software engineers design, develop, and maintain software applications. This course may be useful for software engineers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Software Engineer

Computer Programmer

Computer programmers write code that makes computers work. This course may be useful for computer programmers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Computer Programmer

Data Scientist

Data scientists use data to solve problems and make predictions. This course may be useful for data scientists who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Data Scientist

Business Analyst

Business analysts help businesses understand their data and make better decisions. This course may be useful for business analysts who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Business Analyst

Project Manager

Project managers plan and execute projects. This course may be useful for project managers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Project Manager

Product Manager

Product managers develop and manage products. This course may be useful for product managers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Product Manager

Marketing Manager

Marketing managers plan and execute marketing campaigns. This course may be useful for marketing managers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Marketing Manager

Sales Manager

Sales managers lead and motivate sales teams. This course may be useful for sales managers who want to learn more about CSS3, which is a powerful language used to style web pages.

See salaries and explore the career path for Sales Manager